/* Galaxy Fold
@media screen and (max-width: 280px) {
}

/* Mobile S
@media screen and (max-width: 320px) {
}

/* Mobile M
@media screen and (max-width: 375px) {
}

/* Mobile L
@media screen and (max-width: 425px) {
}
*/

/* Mobile */
@media screen and (max-width: 428px) {

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  small {
    font-size: 2.5vw;
    padding: 0 1%;
  }

  .media {
    font-size: 5vw;
  }

  .media2,
  svg {
    font-size: 2.5vw;
  }

  /* Space between the navbar and the continent @media for mobile */
  .nav_space {
    margin-top: 50px;
  }

  /* From here I can fix the position of the per nav elements in mobile */
  .mobile-header_btn,
  .mobile-header_logo,
  .mobile-logo_link,
  media {
    margin: 20% 10px -20% 0px;
  }

  /* For some resown I don't no have time to know I have control over the upper nav from here */
  .mobile-header_logo {
    justify-content: left;
    font-family: "Major Mono Display", monospace;
    cursor: pointer;
    font-size: 1.5em;
    display: inline;
    margin-left: 10px;
  }
}

@media screen and (max-width: 675px) {
  .iframe_container iframe {
    border-radius: 0px;
  }

  .container .main-video,
  IFRAME {
    border-radius: 0;
    padding: 0px;
  }

  .container .main-video video,
  IFRAME {
    width: 10%;
    border-radius: 0px;
  }

  .mobile_padding {
    margin: 4%;
  }
}

@media screen and (max-width: 426px) {
  img {
    border-radius: 1rem;
  }

  main {
    padding: 2% 0%;
  }

  .topic {
    padding: 5% 5%;
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 425px) {
  .search {
    width: 100%;
    height: 40px;
  }

  .search_bar::placeholder {
    font: 15px/3 sans-serif;
    vertical-align: middle;
  }

  .search .fa-search-btn {
    align-self: center;
    font-size: 1rem;
  }

  .search_btn {
    display: none;
  }
}

@media (max-width: 991px) {
  .container {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .container {
    grid-template-columns: 1fr;
  }

  .container .video-list .vid .title {
    font-size: 1rem;
  }
}